.common-search-wrap {
  width: 100%;
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;

  form {
    width: 100%;
    .mat-form-field {
      width: 100%;
    }
    .mat-nav-list > * {
      width: 100%;
    }
    .search-list-wrap {
      position: absolute;
      top: 48px;
      z-index:1;
      width: 100%;
      max-height: 300px;
      background: white;
      box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
    }
  }
}
